<template>
  <div>
    <p>{{ msg }}</p>
    <p>{{ msg | toUp }}</p>
    <p>{{ msg | rev }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "Hello Evan You I am ur donater!",
    };
  },
  filters: {
    rev(val) {
      return val
        .split("")
        .reverse()
        .join("");
    },
  },
};
</script>

<style></style>
